<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.min.js"></script>
    <script src="/js/util.js"></script>
    <script src="/js/write.js"></script>
    <style>

        .dialog {
            width: 100%;
            height: 100%;
            background-color: rgba(255, 0, 0, 0);
            position: absolute;
            top: 0px;
            left: 0px;
            visibility: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .content {
            width: 600px;
            height: 400px;
            border: 2px solid #000;
            background-color: white;
        }

        div {
            border: 2px solid black;
        }

    </style>
</head>
<body>
主题：<input type="text" id="subject"><br>
邮件内容：<textarea id="content"></textarea><br>
附件：<input type="text" id="annexTxt">
<input type="file" id="annex" onchange="fileChange('annex','annexTxt')"><br>
<input type="button" value="添加收件人" onclick="showEm()">

<div id="addReceiver" class="dialog">
    <div style=" height:30px;text-align: center">添加收件人</div>
    <div>
        <table class="content" border="1" cellspacing="0">
            <thead>
            <tr>
                <td></td>
                <td>姓名</td>
                <td>部门</td>
                <td>职位</td>
            </tr>
            </thead>
            <tbody id="data"></tbody>
        </table>
        <div style="display: flex">
            <div>
                <span id="pageSpan"></span><br>
                <input type="button" value="添加收件人" onclick="add()">
            </div>
            <div>
                <span>查询员工信息</span><br>
                姓名：<input type="text" id="name"><br>
                所在部门：<input type="text" id="dept"><br>
                <input type="button" value="查找" onclick="cutByItem(1)">
            </div>
        </div>
    </div>
</div>

<table border="1" cellspacing="0">
    <thead>
    <tr>
        <td>姓名</td>
        <td>部门</td>
        <td>操作</td>
    </tr>
    </thead>
    <tbody id="receivers"></tbody>
</table>


<input type="button" value="发送" onclick="send()">

</body>
</html>